import React, { Component } from 'react'
import { Button, DatePicker } from 'antd';
import { WechatOutlined, WeiboOutlined, SearchOutlined } from '@ant-design/icons'
import './App.less'


const { RangePicker } = DatePicker;

export default class App extends Component {

    onChange = (date, dateString) => {
        console.log(date, dateString);
    }

    render() {
        return (
            <div>
                App......<br />
                <button>点我</button> <br />
                <Button type="primary">按钮1</Button><br />
                <Button>按钮2</Button><br />
                <Button type="link">按钮3</Button><br />
                <Button type="ghost">按钮4</Button><br />
                <Button type="dashed">按钮5</Button><br />
                <Button type="text">按钮6</Button><br />
                <Button type="primary" icon={<SearchOutlined />}>
                    Search
                </Button><br />
                <WechatOutlined /><br />
                <WeiboOutlined /><br />
                <DatePicker onChange={this.onChange} /><br />
                <RangePicker /><br />
            </div>
        )
    }
}
